<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>sessionScope</title>
</head>
<body>
<div> session의 scope(범위)에 대해 알아보기</div>
<div> pageContext - request - session - application </div>
<div> session은 요청이 시작될 때 생성, 브라우저를 닫을때 소멸</div>
<div> IE, Chrome, FireFox로 전부 접속하면 3개의 session이 만들어 집니다.</div>
<div> IE로 naver로그인 했을 때 Chrome으로 naver가면 로그인이 되어 있지 않다.</div>
<br><br>
<div>세션 영역에 저장된 name을 화면에 출력합니다 : <%= session.getAttribute("name") %></div>
<div>세션 영역에 name을 저장합니다.</div>
<div>세션을 5초만 유지시키고 5초 뒤에는 종료시키도록 설정</div>
<%
	session.setAttribute("name", "jessica");
	session.setMaxInactiveInterval(5);
%>
<div>세션 영역에 저장된 name을 화면에 출력합니다 :
<span style="color:blue">
 <%= session.getAttribute("name") %>
</span>
</div>

isNew():<%=session.isNew()%><br>
 생성시간:<%=session.getCreationTime()%><br>
최종 접속 시간:<%=session.getLastAccessedTime()%><br>
세션ID:<%=session.getId()%><br>

<div id="count"> 카운트 다운</div>
<Script>
 	var count=document.getElementById("count");
 	var write;
 	function countDown()
 	{
 		second=5;
 		write = setInterval(function()
 		{
 			count.innerHTML=second+" 초 ";
 			second--;
 			if(second<0)
 			{
 				count.innerHTML="세션 초기화";
 				clearInterval(write);
 			}
 		}, 1000);
 	}
 	countDown();
</Script>
</body>
</html>